<template>
    <div>
        <div class="introduction_box">
            <span class="introduction_title">计划时间</span>
            <span class="introduction_centent">{{projectform.startDate}} -> {{projectform.endDate}}</span>
        </div>
        <!-- <div class="introduction_box">
            <span class="introduction_title">所属目录</span>
            <span class="introduction_centent">{{dirName}}</span>
        </div> -->
        <div class="introduction_box">
            <span class="introduction_title">项目简介</span>
            <span class="introduction_centent">{{projectform.content}}</span>
        </div>
    </div>
</template>
<script>
import { queryById } from "@/api/dir.js";
export default {
    data() {
        return {
          dirName:''
        };
    },
    props: ["projectform"],
    watch: {
        // projectform: {
        //     handler(val, oldval) {
        //       if(val.dirId){
        //         console.log(val.dirId)
        //         console.log('12212121121221212121')
        //         this.queryClick(val.dirId);
        //       }
        //     },
        //     // 深度观察监听
        //     deep: true,
        //     immediate: true,
        // },
    },
    created() {
        
    },
    methods: {
        queryClick(id) {
            var _this = this;
            queryById({ id: id },true).then((res) => {
                console.log(res);
                _this.dirName = res.data.name
            });
        },
    },
};
</script>
<style scoped>
.introduction_box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: 15px;
}
.introduction_title {
    width: 80px;
    font-size: 14px;
    margin-right: 16px;
    color: #909aaa;
    font-weight: 700;
}
.introduction_centent {
    color: #2e405e;
    font-size: 14px;
    flex: 1;
}
</style>